<template>
    <div>
        <mu-appbar style="width: 100%;" color="primary">
            <mu-button icon slot="left" @click="open = !open">
                 <mu-icon value="menu"></mu-icon>
             </mu-button>
             Hydro
             <mu-text-field solo action-icon="search" slot="right" color="blue50"></mu-text-field>
        </mu-appbar>
        <mu-drawer :open.sync="open" :docked="false">
            <mu-list>
                <mu-list-item button>
                    <mu-list-item-title>首页</mu-list-item-title>
                </mu-list-item>
                <mu-list-item button>
                    <mu-list-item-title>题库</mu-list-item-title>
                </mu-list-item>
           </mu-list>
        </mu-drawer>
    </div>
</template>

<script>
export default {
    data() {
        return {
            open: false
        };
    }
};
</script>
